/*
Author : Onextrapixel
URL: http://www.onextrapixel.com
*/

* {
	border:none; 
	margin:0; 
	padding:0;
}

body {
	background:#fff; 
	color: #999999; 
	font:12.35px Georgia, Arial, "Lucida Grande", Verdana, sans-serif;
}

a:link {
	color:#0054a6;
	text-decoration:none; 
}

h1 {
	font-size:20px;
	margin-bottom:20px; 
}

p{
    color:#2b5873;
}
#wrap {
	margin:10px auto;
	width:1150px; 
}
/************************************************
	      TOP CONTAINER		
************************************************/
#top-container{
    width: 1150px;
    height: 110px; 
    margin-top: 30px; ;
}
.left-top-container{
    
    width: 192px;
    float: left;
}

.center-top-container{
    width: 760px;
    float: left;
}

.right-top-container{
    width: 192px;
    float: right;
}

.number{
    float: left;
    width: 250px;
}
.number p{
    float: left;
    width: 162px;
    margin-top: 10px;
}
.number img{
    float: left;
    margin:0px 10px 0px 18px;
    
}
.connect-facebook{
    background: url(../images/facebook.png) no-repeat  right center;
    width:177px;
    height: 113px;
    float: right;
    text-indent: 1000000999px;
}
/************************************************
	      CENTER CONTAINER		
************************************************/
#center-container{
    width: 1150px;
    height: auto;
    
}

.left-center-container{
    width: 192px;
    float: left;
   
}

.center-center-container{
    width: 760px;
   
    float: left;
}

.center-center-container h2{
    background: url(../images/bg-title.png) no-repeat top left;
    width: 257px;
    height: 35px;
    padding: 10px 0px 0px 45px;
    margin-left: 20px;
    font-size: 15px;
}


.right-center-container{
    width: 192px;
    float: right;
}
.add-right{
    float: right;
}
.recyclebin{
    margin-top:22px ;
    margin-bottom: 30px;
    width: 173px;
    height: 203px;
    position: relative;
    background: url(../images/bg-add.png);
}

.recyclebin h3{
    width: 173px;
    text-align: center;
    padding-top: 15px;
    color: #2b5873;
}
.drop-remove{
     margin-top:22px ;
    margin-bottom: 30px;
    width: 174px;
    height: 204px;
    position: relative;
    background: url(../images/recyclebin1.png);
}
.recyclebin .add-someone{
	position: absolute;
	top: 80px;
	left: 47px;
	background: url(../images/add.png);
	width: 92px;
	cursor:pointer;
	height: 93px;
}
/************************************************
	      BOTTOM CONTAINER		
************************************************/
#bottom-container{
    clear: both;
    width: 1150px;
    height: 150px;
    
}
.top-bottom-container{
    width: 1150px;
    height: 100px;
   
}

.bottom-bottom-container{
    width: 1150px;
    height: 20px;
    margin: 30px auto;
}
.bottom-bottom-container p{
    text-align: center;
    text-decoration: underline;
    color: #2B5873;
    font-size: 16px;
}
.lef-bottom-container{
    width: 250px;
    height: 50px;
    float: left;
    margin-left:55px;
}

.lef-bottom-container h2{
    width: 187px;
    float: left;
}
.lef-bottom-container p{
    width: 187px;
    float: left;
    padding-top: 10px;
    
}
.right-bottom-container{
    width: 830px;
    height: 50px;
    float: right;
}
.btnPreview{
    float: right;
    background: url(../images/button_preview.png) no-repeat top right;
    width: 184px;
    height: 60px;
    text-indent: 100000px;
    margin-left: 10px;
    cursor: pointer;
}
.btnCreate{
    background: url(../images/button_create.png) no-repeat top right;
    width: 187px;
    height: 60px;
    text-indent: 100000px;
     float: right;
     margin-left: 10px;
     cursor: pointer;
}
.btnPrint{
    background: url(../images/button_print.png) no-repeat top right;
    width: 187px;
    height: 60px;
    text-indent: 100000px;
     float: right;
     margin-left: 10px;
     cursor: pointer;
}
.btnShare{
    background: url(../images/button_share.png) no-repeat top right;
    width: 187px;
    height: 60px;
    text-indent: 100000px;
     float: right;
     cursor: pointer;
     margin-left: 10px;
}
/************************************************
	      JCAROUSEL LITE		
************************************************/
#list, #list-one, #list-two, #list-three {
	height:185px;
	width:760px; 
	margin:0px auto 5px; 
}

.slider {
	float:left;
	left: 0px;
	margin:0px;
	height: 180px;
	padding: 0px;
	position:relative;
	width: auto;
	background: url(../images/bg.png) no-repeat top left;
	z-index: 10;
}
	
.slider ul {
	height:100px;
	width:600px; 
}

.slider ul li {
	padding:4px 7px 0px 7px;
    width: 165px;
    height: 172px;
    float: left;
    cursor: move;
}

.slider ul li img {
	cursor:move;
	height:65px; 
    float: left;
    padding: 5px;
	width:70px;  
}

.slider ul li .avatar {
	cursor:move;
	height:80px; 
    float: left;
    padding: 4px;
	width:84px;  
    background: url(../images/bg-avatar.png) no-repeat 5px 5px;
}
.slider ul li p.content-top{
    float: left;
    padding: 9px 1px 0px;
    width: 63px;
    color: #2b5873;
}
.slider ul li p.content-bottom{
    float: left;
    padding:0px 0px 2px 10px;
    width: 146px;
    color: #2b5873;
}
.prev, .prev-one, .prev-two, .prev-three {
    cursor: pointer;
    float: left;
    left: 2px;
    padding-top: 68px;
    position: relative;
    z-index: 10;
}

.next, .next-one, .next-two, .next-three {
    cursor: pointer;
    float: right;
    left: -2px;
    padding-top: 68px;
    position: relative;
    z-index: 10;
}

/************************************************
	      CAPTIFY CAPTION		
************************************************/
.caption-top, .caption-bottom {
	background: #000000;
	color: #ffffff; 
	cursor:default;
	padding:2px; 
	font-size:11px;   
	text-align:center;
}

.caption-top {
	border-width:0px;
}

.caption-bottom {
	border-width:0px;
}

.caption a, .caption a {
	background:#000;
	border:none; 
	text-decoration:none;  
	padding:2px;
}

.caption a:hover, .caption a:hover {
	background:#202020;
}
.slider ul li .profile-icon{
	cursor:move; 
	padding-top:3px ;
    
    width: 165px;
    height: 172px;
    background: url(../images/bg_profile.png) no-repeat top left; 
}
.slider ul li .profile-icon .profile-content{
    width: 165px;
    height: 124px;
    
}
.slider ul li .profile-icon .profile-star table{
    width: 125px;
    margin: 2px 0px 0px 5px;
}


.slider ul li .profile-icon .profile-star img{
    width: 22px;
    height: 23px;
    padding: 0px;
    
}

#sortable-delete, #sortable-delete-two ,#sortable-delete-three {

    overflow: hidden;
}
#sortable-delete li, #sortable-delete-two li, #sortable-delete-three li {
    height: 0;
    width: 0;
    overflow: hidden;
}
